<template>
  <!--zahuoheader-->
  <div id="index_type">
  <mt-header fixed title="解忧杂货店">
          <router-link to="/" slot="left"> 
          <mt-button icon="back">返回</mt-button>
          </router-link>
  </mt-header>
  
  <div fixed class="bg1">
  <br>
  <img class="bg2" src="../assets/image/zahuo1.jpg"><br>
  </div>

  <div class="big">

  <div class="big">
  <div class="top">
  <p class="top"> 解忧杂货店</p>
  </div>
 
   <div class="big1"></div> 
 
  <img class="bg3" src="../assets/image/xing.png">
  <br>
  <div class="top2">
  <p> 作者:东野圭吾（日）</p>
  <p> 原作名: ナミヤ雑貨店の奇蹟</p>
  <p> 出版社: 南海出版公司</p>
  <p> 出版年: 2014-5</p>
  <br>
  </div>
  </div>
  <br>
  <br>
   <div class="top">
  <p class="top"> 简介</p>
  </div>
  <div class="top3">
  <p>  现代人内心流失的东西，这家杂货店能帮你找回——
  僻静的街道旁有一家杂货店，只要写下烦恼投进卷帘门的投信口，第二天就会在店后的牛奶箱里得到回答。因男友身患绝症，年轻女孩静子在爱情与梦想间徘徊；克郎为了音乐梦想离家漂泊，却在现实中寸步难行；少年浩介面临家庭巨变，挣扎在亲情与未来的迷茫中……
他们将困惑写成信投进杂货店，随即奇妙的事情竟不断发生。
生命中的一次偶然交会，将如何演绎出截然不同的人生？
如今回顾写作过程，我发现自己始终在思考一个问题：站在人生的岔路口，人究竟应该怎么做？我希望读者能在掩卷时喃喃自语：我从未读过这样的小说。——东野圭吾</p>
<br><br>
  </div>
  </div>
  </div>
  </div>  
</template>

<script type="text/babel">

import { Tabbar, TabItem } from 'mint-ui'
import { Toast } from 'mint-ui'

export default {
  name: '书库',
  data() {
    return {
      active: 'wenxue'
    };
  },
  methods: {
      openBottomToast() {
        Toast({
          message: '下载成功',
          position: 'bottom'
        });
      }
    }

};
  


</script>

<style lang="css" scoped>
.bg1{
  margin:0 auto;
  background-color:#F0FFF0;
  height: 280px
}
.bg2{
  width:310px;
  height:250px
}
.bg3{
  float: right;
  width:100px;
  height:100px;
  position:relative;
}
 .item {
    display: inline-block;
  }

 .nav {
    margin:0 auto;
    padding:10px;
    margin: center;
    text-align:center;
    padding-left:150px;
  }

 .top{
 	font-size:20px;
 	float: left;
 	text-align: left;
    font-weight:bolder;
    color: #006400
 }
 .top2{
  	font-size: 9px;
 	float:left;
 	text-align: left;
 	color: #A9A9A9;

 }
.big{

	float: left;
	border-bottom:1px 
    solid #C0C0C0;
    width: 100%;

}
.big1{
	float: left;
    width: 100%;
    height:1px
}
.top3{
  	font-size: 9px;
 	float:left;
 	text-align: left;
 	color:#696969;

 }
</style>
